<script setup>

</script>

<template>
  <div class="common-layout">
    <el-container>
      <el-header style="background-color: #2c3e50">Header</el-header>
      <el-container height="100%">
        <el-aside width="200px" height="100%" style="background-color:lightskyblue">

          <el-menu
              default-active="2"
              class="el-menu-vertical-demo"
              @open="handleOpen"
              @close="handleClose"
              router="true"
          >

            <el-menu-item index="productPage">
              <el-icon>
                <setting/>
              </el-icon>
              <span>商品管理</span>
            </el-menu-item>
            <el-menu-item index="customerPage">
              <el-icon>
                <setting/>
              </el-icon>
              <span>客户管理</span>
            </el-menu-item>
            <el-menu-item index="myCustomerPage">
              <el-icon>
                <setting/>
              </el-icon>
              <span>我的客户</span>
            </el-menu-item>
            <el-menu-item index="orderPage">
              <el-icon>
                <setting/>
              </el-icon>
              <span>订单管理</span>
            </el-menu-item>
            <el-menu-item index="userPage">
              <el-icon>
                <setting/>
              </el-icon>
              <span>用户管理</span>
            </el-menu-item>
            <el-menu-item index="rolePage">
              <el-icon>
                <setting/>
              </el-icon>
              <span>角色管理</span>
            </el-menu-item>
            <el-menu-item index="permissionPage">
              <el-icon>
                <setting/>
              </el-icon>
              <span>权限管理</span>
            </el-menu-item>
            <el-menu-item index="menuPage">
              <el-icon>
                <setting/>
              </el-icon>
              <span>菜单管理</span>
            </el-menu-item>
          </el-menu>
        </el-aside>
        <el-main height="100%">
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<style scoped>

</style>